<template>
    <div  class="">

        <plan-tab v-on:onhide='toIndexContentfun' ></plan-tab>

        <banner :imgurl=imgurl :bheight="bheight"></banner>
        <el-row class="imgs m_top30">
            <el-col v-for="(img, index) in bannerdownimg" :key="index" :span="12">
                <img class="bannerimg" :src=img.image alt="">
            </el-col>
        </el-row>
    </div>
</template>
<script>
import Banner from '../Banner'
import PlanTab from './PlanTab'
export default {
    data() {
      return {
         imgurl: [],
         bannerdownimg: [],
         bheight:'2.27rem'
      }
    },
    components: {
        Banner,
        PlanTab
      },
      created(){
        this.https("index/getObtainBannerList",{uid: 100003}).then(
        data => {
            this.imgurl = data
        });
        this.https("index/getObtainDownBanner",{uid: 100003}).then(
        data => {
            this.bannerdownimg = data
        });

      },
    
    methods:{
       toIndexContentfun(type){    
            this.$router.push({name: 'IndexContent', params: {layertype: type}});
        }
    }
}
</script>
<style scoped>
    .imgs{
        text-align: center;
    }
    .m_top30{
        margin-top: 0.3rem;
        margin-left: 0.52rem;
        width: 7.68rem;
    }
    .el-col-12{
        width: 3.7rem;
    }
    .el-col-12:nth-child(1){
        margin-right: 0.28rem;
    }
    .bannerimg{
        width: 3.7rem;
        height: 1.7rem;
    }
</style>




